<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Training plan</span></li>
				</ol>
				<h1>Training plan</h1>
			</div>
		</div>
		<div class="row">
			<div class="main-box no-header clearfix">
				<div class="main-box-body clearfix">
					<div class="table-responsive">
						<table class="table user-list table-hover">
							<thead>
								<tr>
									<th><span>Mentors</span></th>
									<th><span>title</span></th>
									<th class="text-center"><span>Completion degree</span></th>
									<th><span>Creat time</span></th>
									<th class="text-center">Action</th>
								</tr>
							</thead>
							<tbody>
								<volist name="plans" id="vo">
								<tr>
									<td><img class="user-list-img" style="width: 50px;height: 50px;border-radius:50%;" src="<{$vo.mentorsFace|getFace}>" alt=""> <a href="<{:U('Mentors/detail',array('id'=>$vo['mentorsID']))}>" class="user-link"><{$vo.mentorsName}></a> <span class="user-subhead"><{$vo.trainName}></span></td>
									<td><{$vo.title}></td>
									<td class="text-center"><{$vo.completed}>%</td>
									<td><{$vo.createTime|date="F,d,Y H:i:s",###}></td>
									<td class="text-center"><a href="<{:U('Plan/view',array('id'=>$vo['id']))}>" class="btn btn-success"><i class="fa fa-eye"></i> View </td>
								</tr>
								</volist>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="row" style="text-align: center;margin-top: 20px;">
			<ul class="pagination">
				<{$page}>
			</ul>
		</div>	
	</div>
</div>
<script src="<{:STATICS}>/centaurus/js/jquery.easypiechart.min.js"></script>
<script>
	$(function() {
		$('.chart').easyPieChart({
			easing: 'easeOutBounce',
			onStep: function(from, to, percent) {
				$(this.el).find('.percent').text(Math.round(percent));
			},
			barColor: function(percent) {
			    return $(this.el).attr('data-tyle');
			},
			trackColor: '#f2f2f2',
			scaleColor: false,
			lineWidth: 8,
			size: 130,
			animate: 1500
		});
	});
</script>
	<style type="text/css">
.project-box .project-box-content{padding: 30px 20px;}
	</style>


